import Vue from 'vue'

/**
 *  目标： 定义一个 指令 v-focus
 *          作用是，在我们刷新页面的时候，可以把鼠标自动聚集到一个输入框
 * 
 *  分析：
 *      希望在页面加载成功后，就可以自动聚集到 input
 *  
 *          1. 加载完成后  --  要有真实dom，才是加载完成
 *          2. 自动聚集     --  dom对象的 focus 方法
 * 
 *              由上述的思路得到：要在inerted里面调用 focus方法
 * 
 *  一般实现需求的过程：
 *  1. 仔细明确目标是什么
 *  2. 分析我要实现目标，需要怎么做(思路)
 *  3. 由思路推导出实现所需的知识点
 *  4. 把知识点对应的代码写出来
 */
Vue.directive('focus',{
    // inserted里面才能获取到dom
    inserted(el){
        // el 就是我们想要的绑定指令的元素
        // console.log(el);
        el.focus();
    }
})

/*
    封装自定义指令的思路：
        1. 明确可以封装了自定义指令
        2. 思考在哪个钩子函数中做什么事情
*/ 